<template>
    <div>

        <table border="1px">
            <tr>
                <td>书名</td>
                <td>价格</td>
                <td>作者</td>
                <td>出版社</td>
            </tr>
            <tr v-for="(it,k) in stulistss" :key="k">
                <td>{{ it.bookname }}</td>
                <td>{{ it.price }}</td>
                <td>{{ it.author }}</td>
                <td>{{ it.publish }}</td>
            </tr>
        </table>
    </div>
   
</template>

<script setup>

import {ref} from "vue"


let stulistss=ref([
    {'bookname':'python','price':'20','author':'zhangsan','publish':'人民出版社'},
    {'bookname':'django','price':'22','author':'lisi','publish':'北京出版社'}
])

</script>